<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>唯品会-分类</title>
		<link rel="stylesheet" href="css/list.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/home.css" />
		<link rel="stylesheet" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/rightfixed.css"/>
		<script type="text/javascript" src="js/jquery-3.4.1.min.js" ></script>
		<script type="text/javascript" src="js/list.js"></script>
		<script type="text/javascript" src="js/home.js"></script>
		<script type="text/javascript" src="js/rightfixed.js"></script>
	</head>
	<body>
		
		
	    <div id="home-head">
	    	<script>
	    		$("#home-head").load("home-head.html");
	    	</script>
		</div>
		
		
	    
		
		<!--分类栏目-->
		<div class="nav">
			<ul>
				<li class="nav-left " id="left" ><a href="#">商品分类</a>
			</li>
			<span>|</span>
				<li class="nav-right" id="right"><a href="#">品牌分类</a></li>
			</ul>
				
		</div>
		
		
	    <!--悬浮选项-->
	    
		
		<!--点击商品分类显示的盒子-->
	<div class="outer">
			<div class="float-nav">
	    	<ul>
	        	<li><a href="#">女装</a></li>
	        	<li><a href="#">男装</a></li>
	        	<li><a href="#">女鞋</a></li>
	        	<li><a href="#">箱包皮具</a></li>
	        	<li><a href="#">手表配饰</a></li>
	        	<li><a href="#">护肤彩妆</a></li>
	        	<li><a href="#">个人护理</a></li>
	        	<li><a href="#">母婴</a></li>
	        	<li><a href="#">男鞋</a></li>
	        	<li><a href="#">男女内衣</a></li>
				
	    	</ul>
	        </div>
		<div class="box1">
			
		<h2 style=" margin-bottom: 10px; margin-top: 100px;">女装</h2>
		<div class="main">
			<div class="main-left">


				<div class="main-left-center">
					<div class="img"><img src="imgs/list-1.jpg" /></div>
					<div class="h3"><strong>春热卖</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">连衣裙</a></li>
							<li><a href="#">衬衫</a></li>
							<li><a href="#">T恤</a></li>
							<li><a href="#">裤装</a></li>
							<li><a href="#">针织衫</a></li>
							<li><a href="#">女士外套</a></li>
						</ul>
					</div>
				</div>

				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-2.png" /></div>
					<div class="h3"><strong>人气美衣</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">套装</a></li>
							<li><a href="#">半身裙</a></li>
							<li><a href="#">外套</a></li>
							<li><a href="#">裤装</a></li>
							<li><a href="#">针织衫</a></li>
							<li><a href="#">卫衣</a></li>
							<li><a href="#">风衣</a></li>
							<li><a href="#">大衣</a></li>
							<li><a href="#">休闲裤</a></li>
							<li><a href="#">防晒衣</a></li>
							<li><a href="#">牛仔裤</a></li>
							<li><a href="#">妈妈装</a></li>
							<li><a href="#">短裤</a></li>
						</ul>
					</div>
				</div>
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-3.jpg" /></div>
					<div class="h3"><strong>美裙衣橱</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">半身裙</a></li>
							<li><a href="#">套装裙</a></li>
							<li><a href="#">长袖连衣裙</a></li>
							<li><a href="#">修身美裙</a></li>
							<li><a href="#">显瘦连衣裙</a></li>
							<li><a href="#">连衣裙</a></li>
							<li><a href="#">牛仔连衣裙</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-4.png" /></div>
					<div class="h3"><strong>百搭上衣</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">羊绒/羊毛衫</a></li>
							<li><a href="#">毛衣</a></li>
							<li><a href="#">卫衣</a></li>
							<li><a href="#">针织衫</a></li>
							<li><a href="#">衬衫</a></li>
							<li><a href="#">T恤</a></li>
							
							
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-5.jpg" /></div>
					<div class="h3"><strong>裤子</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">羽绒裤</a></li>
							<li><a href="#">打底裤</a></li>
							<li><a href="#">休闲裤</a></li>
							<li><a href="#">牛仔裤</a></li>
							<li><a href="#">短裤</a></li>
							<li><a href="#">哈伦裤</a></li>
							<li><a href="#">阔腿裤</a></li>
							<li><a href="#">西装裤</a></li>
							<li><a href="#">连体/背带裤</a></li>
							
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		
		
		
		<h2 style=" margin-bottom: 10px; margin-top: 20px;">男装</h2>
		<div class="main">

			<div class="main-left">


				<div class="main-left-center">
					<div class="img"><img src="imgs/list-6.png" /></div>
					<div class="h3"><strong>热销分类</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">短袖T恤</a></li>
							<li><a href="#">Polo衫</a></li>
							<li><a href="#">衬衫</a></li>
							<li><a href="#">长袖T恤</a></li>
							<li><a href="#">薄外套</a></li>
							<li><a href="#">西装</a></li>
							<li><a href="#">短裤</a></li>
							<li><a href="#">休闲裤</a></li>
							<li><a href="#">牛仔裤</a></li>
						</ul>
					</div>
				</div>

				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-7.png" /></div>
					<div class="h3"><strong>内搭</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">短袖衬衫</a></li>
							<li><a href="#">长袖衬衫</a></li>
							<li><a href="#">格子衬衫</a></li>
							<li><a href="#">条纹T恤</a></li>
							<li><a href="#">纯色T恤</a></li>
							<li><a href="#">印花T恤</a></li>
							<li><a href="#">V领T恤</a></li>
							<li><a href="#">棉麻T恤</a></li>
							<li><a href="#">棉麻衬衫</a></li>
							<li><a href="#">Polo衫</a></li>
							<li><a href="#">卫衣</a></li>
							<li><a href="#">针织衫</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-8.png" /></div>
					<div class="h3"><strong>外套</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">夹克</a></li>
							<li><a href="#">套装</a></li>
							<li><a href="#">西装</a></li>
							<li><a href="#">短款外套</a></li>
							<li><a href="#">中长款外套</a></li>
							<li><a href="#">牛仔外套</a></li>
							<li><a href="#">风衣</a></li>
							<li><a href="#">棒球服</a></li>
							<li><a href="#">防晒/皮肤衣</a></li>
							<li><a href="#">马甲/背心</a></li>
							<li><a href="#">棉衣</a></li>
							<li><a href="#">皮衣/皮草</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-9.png" /></div>
					<div class="h3"><strong>裤装</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">工装裤</a></li>
							<li><a href="#">休闲裤</a></li>
							<li><a href="#">牛仔裤</a></li>
							<li><a href="#">九分裤</a></li>
							<li><a href="#">小脚裤</a></li>
							<li><a href="#">运动裤</a></li>
							<li><a href="#">西裤</a></li>
							<li><a href="#">束脚裤</a></li>
							<li><a href="#">运动裤</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-10.png" /></div>
					<div class="h3"><strong>裤子</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">羽绒裤</a></li>
							<li><a href="#">打底裤</a></li>
							<li><a href="#">休闲裤</a></li>
							<li><a href="#">牛仔裤</a></li>
							<li><a href="#">短裤</a></li>
							<li><a href="#">哈伦裤</a></li>
							<li><a href="#">阔腿裤</a></li>
							<li><a href="#">西装裤</a></li>
							<li><a href="#">连体/背带裤</a></li>
							
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		
		
		
		
			<h2 style=" margin-bottom: 10px; margin-top: 20px;">女鞋</h2>
		<div class="main">

			<div class="main-left">


				<div class="main-left-center">
					<div class="img"><img src="imgs/list-39.jpg" /></div>
					<div class="h3"><strong>热销分类</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">凉鞋</a></li>
							<li><a href="#">单鞋</a></li>
							<li><a href="#">小白鞋</a></li>
							<li><a href="#">休闲鞋</a></li>
							<li><a href="#">运动鞋</a></li>
							<li><a href="#">老爹鞋</a></li>
							<li><a href="#">深口单鞋</a></li>
							<li><a href="#">中空鞋</a></li>
							<li><a href="#">洞洞鞋</a></li>
							<li><a href="#">百丽</a></li>
							<li><a href="#">老人鞋</a></li>
						</ul>
					</div>
				</div>

				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-40.jpg" /></div>
					<div class="h3"><strong>凉鞋</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">平底凉鞋</a></li>
							<li><a href="#">凉拖</a></li>
							<li><a href="#">一字带凉鞋</a></li>
							<li><a href="#">粗跟凉鞋</a></li>
							<li><a href="#">尖头凉鞋</a></li>
							<li><a href="#">绑带凉鞋</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-41.jpg" /></div>
					<div class="h3"><strong>单鞋</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">高跟鞋</a></li>
							<li><a href="#">浅口单鞋</a></li>
							<li><a href="#">穆勒鞋</a></li>
							<li><a href="#">粗跟鞋</a></li>
							<li><a href="#">尖头鞋</li>
							<li><a href="#">深口单鞋</a></li>
							<li><a href="#">低跟鞋</a></li>
							<li><a href="#">厚底鞋</a></li>
							<li><a href="#">玛丽珍鞋</a></li>
							
							
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-42.jpg" /></div>
					<div class="h3"><strong>休闲鞋</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">帆布鞋</a></li>
							<li><a href="#">小白鞋</a></li>
							<li><a href="#">内增高</a></li>
							<li><a href="#">老爹鞋</a></li>
							<li><a href="#">网面鞋</a></li>
							<li><a href="#">运动鞋</a></li>
							<li><a href="#">乐福鞋</a></li>
							<li><a href="#">椰子鞋</a></li>
							<li><a href="#">袜子鞋</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-43.jpg" /></div>
					<div class="h3"><strong>精选品牌</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">思加图</a></li>
							<li><a href="#">百丽</a></li>
							<li><a href="#">小CK</a></li>
							<li><a href="#">百思图</a></li>
							<li><a href="#">斯凯奇</a></li>
							<li><a href="#">他她</a></li>
							<li><a href="#">真美诗</a></li>
							<li><a href="#">哈森</a></li>
							<li><a href="#">星期六</a></li>
							
						</ul>
					</div>
				</div>
			</div>
		</div>





	<h2 style=" margin-bottom: 10px; margin-top: 20px;">箱包皮具</h2>
		<div class="main">

			<div class="main-left">


				<div class="main-left-center">
					<div class="img"><img src="imgs/list-44.jpg" /></div>
					<div class="h3"><strong>热销分类</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">斜挎包</a></li>
							<li><a href="#">手提包</a></li>
							<li><a href="#">双肩包</a></li>
							<li><a href="#">男包</a></li>
							<li><a href="#">男/女钱包</a></li>
							<li><a href="#">拉杆箱</a></li>
							<li><a href="#">单肩包</a></li>
							<li><a href="#">COACH</a></li>
							<li><a href="#">CHARLES KEITH</a></li>
						</ul>
					</div>
				</div>

				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-45.jpg" /></div>
					<div class="h3"><strong>女包</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">实用大包</a></li>
							<li><a href="#">斜挎包</a></li>
							<li><a href="#">真皮包</a></li>
							<li><a href="#">双肩包</a></li>
							<li><a href="#">手提包</a></li>
							<li><a href="#">单肩包</a></li>
							<li><a href="#">腰包</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-46.jpg" /></div>
					<div class="h3"><strong>男包</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">商务公文包</a></li>
							<li><a href="#">真皮包</a></li>
							<li><a href="#">双肩包</a></li>
							<li><a href="#">手提包</a></li>
							<li><a href="#">单肩包</a></li>
							<li><a href="#">腰包</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-47.jpg" /></div>
					<div class="h3"><strong>功能箱包</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">拉杆箱</a></li>
							<li><a href="#">登机箱</a></li>
							<li><a href="#">硬壳箱</a></li>
							<li><a href="#">男/女皮带</a></li>
							<li><a href="#">旅行包</a></li>
							<li><a href="#">运动包</a></li>
							<li><a href="#">电脑包</a></li>
							<li><a href="#">钥匙包</a></li>
							<li><a href="#">零钱包</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-48.png" /></div>
					<div class="h3"><strong>精选品牌</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">FION</a></li>
							<li><a href="#">DISSONA</a></li>
							<li><a href="#">CHARLES KEITH</a></li>
							<li><a href="#">KIPLING</a></li>
							<li><a href="#">红谷</a></li>
							<li><a href="#">ELLE</a></li>
							<li><a href="#">皮尔卡丹</a></li>
							<li><a href="#">高美高</a></li>
							<li><a href="#">金利来</a></li>
							
						</ul>
					</div>
				</div>
			</div>
		</div>





	<h2 style=" margin-bottom: 10px; margin-top: 20px;">手表配饰</h2>
		<div class="main">

			<div class="main-left">


				<div class="main-left-center">
					<div class="img"><img src="imgs/list-49.jpg" /></div>
					<div class="h3"><strong>精致好物</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">黄金饰品</a></li>
							<li><a href="#">石英男表</a></li>
							<li><a href="#">石英女表</a></li>
							<li><a href="#">雨伞雨具</a></li>
							<li><a href="#">配饰</a></li>
							
						</ul>
					</div>
				</div>

				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-50.jpg" /></div>
					<div class="h3"><strong>黄金专区</strong></div>
					<div class="link">
						<ul>
							<li><a href="#">黄金吊坠</a></li>
							<li><a href="#">黄金转运珠</a></li>
							<li><a href="#">黄金项链</a></li>
							<li><a href="#">黄金耳饰</a></li>
							<li><a href="#">黄金戒指</a></li>
							<li><a href="#">黄金手镯/手链</a></li>
							
							
						</ul>
					</div>
				</div>
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-51.jpg" /></div>
					<div class="h3"><strong>钻石专区</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">K金戒指</a></li>
							<li><a href="#">钻戒</a></li>
							<li><a href="#">铂金首饰</a></li>
							<li><a href="#">K金项链</a></li>
							<li><a href="#">钻石耳饰</a></li>
							<li><a href="#">彩宝</a></li>
							<li><a href="#">宝石吊坠</a></li>
							<li><a href="#">新品和专供</a></li>
							<li><a href="#">耳饰</a></li>
							<li><a href="#">项链</a></li>
							<li><a href="#">手链手镯</a></li>
							
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-52.jpg" /></div>
					<div class="h3"><strong>眼镜专区</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">太阳镜</a></li>
							<li><a href="#">眼镜框</a></li>
							<li><a href="#">蛤蟆镜</a></li>
							<li><a href="#">偏光太阳镜</a></li>
							<li><a href="#">儿童太阳镜</a></li>
							<li><a href="#">防蓝光眼镜</a></li>
						
						</ul>
					</div>
				</div>
				
				
				
				
				<div class="main-left-center">
					<div class="img"><img src="imgs/list-53.jpg" /></div>
					<div class="h3"><strong>帽子手套专区</strong></div>
					<div class="link">
					<ul>
							
							<li><a href="#">手套</a></li>
							<li><a href="#">草帽/遮阳帽</a></li>
							<li><a href="#">鸭舌/棒球帽</a></li>
							<li><a href="#">盆帽/渔夫帽</a></li>
							<li><a href="#">贝雷帽</a></li>
							<li><a href="#">防晒服</a></li>
							
							
						</ul>
					</div>
				</div>
			</div>
		</div>


	
	
	
	</div>
		
		
		<div style=" width: 100%; height: 40px;  text-align: center;padding-bottom: 100px;padding-top:60px;float: left;">
			<div  id="special" style="width:160px ; height: 46px;  background-color: #f10180;border: 1px solid #f10180;line-height: 46px; margin: 0 auto;">
			<a href="#" >去找销售品牌</a>
		    </div>
		</div>
		
	</div>


		<div class="box2">
			
		<div class="main">
			<div class="main-top">
				<div  style="width: 1050px; height: 101px;">
				<ul>
					<li><a href="#" title="全部">全部</a></li>
					<li><a href="#" title="女装">女装</a></li>
					<li><a href="#" title="男装">男装</a></li>
					<li><a href="#" title="内衣">内衣</a></li>
					<li><a href="#" title="鞋靴">鞋靴</a></li>
					<li><a href="#" title="箱包">箱包</a></li>
					<li><a href="#" title="运动户外">运动户外</a></li>
					<li><a href="#" title="美妆">美妆</a></li>
					<li><a href="#" title="精品">精品</a></li>
					<li><a href="#" title="母婴">母婴</a></li>
					<li><a href="#" title="家居家纺">家居家纺</a></li>
					<li><a href="#" title="家电数码">家电数码</a></li>
					<li><a href="#" title="唯品生活">唯品生活</a></li>
					<li><a href="#" title="唯风尚">唯风尚</a></li>
					<li><a href="#" title="唯品奢">唯品奢</a></li>
				</ul>
				</div>
			</div>
			
			
			
			
			
			<div  class="main-center">
				
				<div class="main-center-up">
					
					<ul>
						<li class="img"><img src="imgs/list-11.jpg"></li>
						<li class="img"><img src="imgs/list-12.jpg"></li>
						<li class="img"><img src="imgs/list-13.jpg"></li>
					</ul>
				</div>
				
					<div class="main-center-dowm-show">
					<ul>
						<li class="img"><img src="imgs/list-14.jpg"></li>
						<li class="img"><img src="imgs/list-15.jpg"></li>
						<li class="img"><img src="imgs/list-16.jpg"></li>
						<li class="img"><img src="imgs/list-17.jpg"></li>
						<li class="img"><img src="imgs/list-18.jpg"></li>
						<li class="img"><img src="imgs/list-19.jpg"></li>
						
						
					</ul>
					    <div class="smallbox">
						<a  class="sign">更多旗舰店</a>
						</div>
					</div>
					<div class="line"></div>
					<div class="main-center-dowm-hidden">
					<ul>
						<li class="img"><img src="imgs/list-20.jpg"></li>
						<li class="img"><img src="imgs/list-21.jpg"></li>
						<li class="img"><img src="imgs/list-22.jpg"></li>
						<li class="img"><img src="imgs/list-23.jpg"></li>
						<li class="img"><img src="imgs/list-38.jpg"></li>
						<li class="img"><img src="imgs/list-25.jpg"></li>
						<li class="img"><img src="imgs/list-26.jpg"></li>
						<li class="img"><img src="imgs/list-27.jpg"></li>
						<li class="img"><img src="imgs/list-28.jpg"></li>
						<li class="img"><img src="imgs/list-29.jpg"></li>
						<li class="img"><img src="imgs/list-30.jpg"></li>
						<li class="img"><img src="imgs/list-31.jpg"></li>
						<li class="img"><img src="imgs/list-32.jpg"></li>
						<li class="img"><img src="imgs/list-33.jpg"></li>
						<li class="img"><img src="imgs/list-34.png"></li>
						<li class="img"><img src="imgs/list-35.jpg"></li>
						<li class="img"><img src="imgs/list-36.jpg"></li>
						<li class="img"><img src="imgs/list-37.jpg"></li>
					</ul>
					
					<div class="sub">
						<a href="#" >1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<span>...</span>
						<a href="#">69</a>
						<a href="#"><i class="fa fa-chevron-right"></i></a>
					</div>
					
					<div class="smallbox2">
						<a  class="sign2">收起</a>
						</div>
						</div>
					</div>
				
			
				
			
			
			
			
		</div>	
		
		
		<div style=" width: 100%; height: 40px;  text-align: center;padding-bottom: 100px;padding-top:70px;float: left;">
			<div  id="special" style="width:160px ;position: relative; left: 20%; height: 46px;  background-color: #f10180;border: 1px solid #f10180;line-height: 46px; margin: 20px 485px;">
			<a href="#" >返回特卖会</a>
		    </div>
		</div>
		
		
		<div id="footer" >
	    <script>
	    	$("#footer").load("footer.html");
	    </script>
		</div>
		
		</div>
	
	
	
	
	    <div id="rightnav">
	    <script>
	    	$("#rightnav").load("rightnav.html")
	    </script>
		</div>
		
		
	    
		
	</body>
</html>
